<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Info</title>

    <!-- BEGIN THEME STYLES -->
	<?php echo $this->Html->css(array('owl.carousel', 'bootstrap.min', 'style')) ;?>
    <!-- END THEME STYLES -->
</head>
<body>
    <!-- BEGIN HEADER -->
    <?php echo $this->element('header')?>
    
    <!-- END HEADER -->
	<div id="hello"class="banner"><!--  banner -->
		<div class="centered wheighter wwidth">
			<div class="container">
				<div class="text-banner">
					<h1>MAKE YOUR OWN INFOGRAPHICS</h1>
					<p>Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi scripserit,</p>
					<p>tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip dolores.</p>
					<div class="btn-view-gallery">
						<p><span><?php echo $this->Html->image('images/gallery.png')?></span>View Gallery Now</p>
					</div>
					<?php echo $this->Html->image('images/btn-down.png', array('class' => 'btn-down'))?>
				</div>
			</div>
		</div>
	</div><!-- end banner -->
	<div id="work-id" class="work"><!-- work -->
		<div class="container content-work">
			<h1>HOW IT WORK ? IT'S EASY TO USE</h1>
			<p>Tell your story. Make it beautiful. And share it. Our easy-to-use editor will show you how. </p>
			<div class="col-md-4 col-sm-12 work-item">
				<?php echo $this->Html->image('images/img1.png')?>
				<h4>Hit the ground running with ready-to-use themes</h4>
				<p>Preview and pick themes from our gallery. 
					Select from a range of over 100 categorized 
					themes. There's something for everyone!
				</p>
			</div>
			<div class="col-md-4 col-sm-12 work-item">
				<?php echo $this->Html->image('images/img2.png')?>
				<h4>Hit the ground running with ready-to-use themes</h4>
				<p>
				Preview and pick themes from our gallery. 
				Select from a range of over 100 categorized 
				themes. There's something for everyone!
				</p>
			</div>
			<div class="col-md-4 col-sm-12 work-item">
				<?php echo $this->Html->image('images/img3.png') ?>
				<h4>Hit the ground running with ready-to-use themes</h4>
				<p>
				Preview and pick themes from our gallery. 
				Select from a range of over 100 categorized 
				themes. There's something for everyone!
				</p>
			</div>
			<h4>Create your infographic now.</h4>
			<div class="btn-view-gallery1">
				<p><span><?php echo $this->Html->image('images/gallery1.png') ?></span>View Gallery Now</p>
			</div>
		</div>
	</div><!-- end work -->
	<div class="what-we"><!--  what we -->
		<div class="container">
			<div class="what-we-text">
				<h1>WHAT WE'VE GOT?</h1>
				<p>We have the tools. You have the smarts. Build your infographic 
					using our simple graphic tools.</p>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="what-icon col-md-2">
						<?php echo $this->Html->image('images/icon1.png'); ?>
					</div>
					<div class="what-icon-text col-md-10">
						<h4>Categorized Icons, Images</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
				<div class="col-md-6">
					<div class="what-icon col-md-2">
						<?php echo $this->Html->image('images/icon2.png')?>
					</div>
					<div class="what-icon-text col-md-10">
						<h4>Categorized Icons, Images</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="what-icon col-md-2">
						<?php echo $this->Html->image('images/icon3.png')?>
					</div>
					<div class="what-icon-text col-md-10">
						<h4>Categorized Icons, Images</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
				<div class="col-md-6">
					<div class="what-icon col-md-2">
						<?php echo $this->Html->image('images/icon4.png')?>
					</div>
					<div class="what-icon-text col-md-10">
						<h4>Categorized Icons, Images</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
			</div>
			<div class="row imac">
				<div class="col-md-6 img-imac">
					<?php echo $this->Html->image('images/imac.png')?>
				</div>
				<div class="col-md-6 text-imac">
					<h2>Intuitive User Interface</h2>
					<p>
						With a multitude of tools right at your finger tips, you'll 
						be designing like a pro in no time. Makes you wonder how you ever 
						lived without it, right?
					</p>
					<div class="btn-view-gallery1">
						<p><span><?php echo $this->Html->image('images/gallery1.png')?></span>View Gallery Now</p>
					</div>
				</div>
			</div>
		</div>
	</div><!-- end what we -->
	<div class="our-folio"><!-- folio -->
		<div class="folio-text">
				<h1>OUR FOLIO</h1>
				<p>We have the tools. You have the smarts. Build your infographic 
					using our simple graphic tools.</p>
		</div>
		<div id="folio" class="owl-carousel">
			<div class="item">
				<?php echo $this->Html->image('images/slide1.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide2.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide3.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide4.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide5.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide1.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide2.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide3.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide4.png')?>
			</div>
			<div class="item">
				<?php echo $this->Html->image('images/slide5.png')?>
			</div>
		</div>
		<div class="btn-view-gallery2">
			<p><span><?php echo $this->Html->image('images/img-price.png')?></span>See The Pricing</p>
		</div>
	</div><!-- end folio -->
	<div class="infographics"><!-- infographics -->
		<div class="container">
			<h1>Infographics are Versatile</h1>
			<div class="row">
				<div class="col-md-6">
					<div class="folio-icon col-md-3">
						<?php echo $this->Html->image('images/home.png')?>
					</div>
					<div class="folio-icon-text col-md-9">
						<h4>For School</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
				<div class="col-md-6">
					<div class="folio-icon col-md-3">
						<?php echo $this->Html->image('images/suit.png')?>
					</div>
					<div class="folio-icon-text col-md-9">
						<h4>For Office</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
			</div>
			<div class="row folio-row">
				<div class="col-md-6">
					<div class="folio-icon col-md-3">
						<?php echo $this->Html->image('images/mac-con.png')?>
					</div>
					<div class="folio-icon-text col-md-9">
						<h4>For Website</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
				<div class="col-md-6">
					<div class="folio-icon col-md-3">
						<?php echo $this->Html->image('images/social.png')?>
					</div>
					<div class="folio-icon-text col-md-9">
						<h4>For Social Network</h4>
						<p>
							Lorem ipsum dolor sit amet, his interesset concludaturque 
							te, idi pro timeam efficiendi scripserit, tempor eleifend rati
							onibus vel .
						</p>
					</div>
				</div>
			</div>
		</div>
	</div><!-- end infographics -->
	<div class="client"><!--  client -->
		<div class="container">
			<h1>WHAT OUR CLIENTS SAY?</h1>
			<div id="client" class="owl-carousel">
				<div class="item">
					<p><span><?php echo $this->Html->image('images/client-phay.png')?></span> Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip dolo res. Odio aliquid pri at, cum impetus eruditi singulis </p>
					<div class="author">Veronica Ng , <span>Art Director</span></div>
					<?php echo $this->Html->image('images/client1.png')?>
				</div>
				<div class="item">
					<p><span><?php echo $this->Html->image('images/client-phay.png')?></span> Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip dolo res. Odio aliquid pri at, cum impetus eruditi singulis </p>
					<div class="author">Veronica Ng , <span>Art Director</span></div>
					<?php echo $this->Html->image('images/client2.png')?>
				</div>
				<div class="item">
					<p><span><?php echo $this->Html->image('images/client-phay.png')?></span> Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip dolo res. Odio aliquid pri at, cum impetus eruditi singulis </p>
					<div class="author">Veronica Ng , <span>Art Director</span></div>
					<?php echo $this->Html->image('images/client3.png')?>
				</div>
			</div>
			<div class="cleint-bottom">
				<div class="client-wanna">
					<p>Wanna see more comments ? </p>
				</div>
				<div class="btn-view-gallery3">
					<p><span><?php echo $this->Html->image('images/gallery2.png')?></span>View More Now</p>
				</div>
			</div>
		</div>
	</div><!-- end client -->
	<!-- touch -->
		<?php echo $this->element('touch'); ?>
	<!-- end touch -->
	<!-- BEGIN FOOTER-->
		<?php echo $this->element('footer'); ?>
	<!-- END FOOTER-->
<!-- script slider --> 
<!-- BEGIN SLIDER -->
	<?php echo $this->Html->script(array('jquery-1.9.1.min', 'bootstrap.min', 'owl.carousel', 'custom')) ;?>
    <!-- END SLIDER -->
</body>
</html>


























